﻿
<div ms-controller="tempview">

    <div class="sui-form form-inline" style="padding-top:5px;">
        城市：
        <select class="input-medium input-xfat" ms-duplex="Client">
            <option value="0">请选择城市</option>
            <option ms-repeat-el="ClientList" ms-attr-value="el.ID">{{el.CodeName}}</option>
        </select>
        <select class="input-medium input-xfat" ms-duplex="Type1">
            <option value="">请选择分类</option>
            <option value="1">首页</option>
        </select>
        <input type="text" ms-duplex="searchkey" placeholder="关键字搜索" class="input-large input-xfat" />
        <a class="sui-btn btn-large btn-primary" style="margin-left:10px;" ms-click="GetLIST()">查询</a>
        <a style="margin-left:10px;" class="sui-btn btn-large btn-success" ms-click="ADD('')">添加</a>
    </div>

    <table class="sui-table table-primary table-zebra">
        <thead>
            <tr>
                <th style="width:60px">城市</th>
                <th style="width:60px">分类</th>
                <th>标题</th>
                <th>图片</th>
                <th>浏览</th>
                <th>排序</th>
                <th style="width:120px">显示时间</th>
                <th style="width:60px">状态</th>
                <th style="width:200px">操作</th>
            </tr>
        </thead>
        <tbody>
            <tr ms-repeat-el="ListData">
                <td>{{el.CodeName}}</td>
                <td>{{ShowType(el.Type1)}}</td>
                <td>{{el.Title}}</td>
                <td><img ms-src="ComFunJS.FilePath(el.ImgUrl,'/50/50')" /></td>
                <td>{{el.ViewQty}}</td>
                <td>{{el.Sort}}</td>
                <td>起{{el.StartDate|date('yyyy-MM-dd')}}<br />至{{el.EndDate|date('yyyy-MM-dd')}}</td>
                <td><span class='sui-text-success' ms-visible="el.IsShelf==1">上架</span>
                    <span class='sui-text-danger' ms-visible="el.IsShelf!=1">下架</span>
                </td>
                <td>
                    <a href="javascript:void(0);" class="sui-btn btn-bordered btn-warning" ms-click="SetShelf(el)" >{{el.IsShelf==1?'下架':'上架'}}</a>
                    <a href="javascript:void(0);" class="sui-btn btn-bordered btn-success" ms-click="ADD(el)" >编辑</a>
                    <a href="javascript:void(0);" class="sui-btn btn-bordered btn-danger" ms-click="DEL(el)" >删除</a>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<script type="text/javascript">

    var tempmodel = avalon.define({
        $id: "tempview",
        Client:"0",
        Type1: "",
        ClientList: [],
        TypeList2: [],
        IsShelf: "",
        Init: function () {
            $.getJSON("/adapi/base/client/list", function (r) {
                if (r.error == "") {
                    tempmodel.ClientList = r.result;
                }

            })
            tempmodel.GetLIST();
        },
        GetLIST: function () {
            model.page.pageindex = 1;
            model.ListData.clear();
            $.getJSON("/adapi/advert/list", { pageindex: model.page.pageindex, pagesize: model.page.pagesize, "searchkey": model.searchkey, "Type1": tempmodel.Type1, "Type2": tempmodel.Type2, "IsShelf": tempmodel.IsShelf }, function (r) {
                if (r.error == "") {
                    model.ListData = r.result;
                    model.total = r.total;

                    $("#pageDiv").pagination({  //分页容器
                        styleClass: ['sui-pagination'],  //分页样式
                        //showCtrl: false,
                        displayPage: 6,
                        itemsCount: r.total,
                        pageSize: model.page.pagesize,
                        onSelect: function (num) {
                            model.page.pageindex = num;
                            $.getJSON("/adapi/advert/list", { pageindex: model.page.pageindex, pagesize: model.page.pagesize, "searchkey": model.searchkey, "Type1": tempmodel.Type1, "Type2": tempmodel.Type2, "IsShelf": tempmodel.IsShelf }, function (r) {
                                model.ListData.clear();
                                model.ListData = r.result;
                            })
                        }
                    })

                    $('#pageDiv').pagination('updateItemsCount', r.total, 1);
                }
            })
        },
        ShowType: function (t) {
            var st = "";
            switch (t) {
                case 1:
                    st = "首页"
                    break;
            }
            return st;
        }


    })

    //tempmodel.$watch("Type1", function () {
    //    tempmodel.TypeList2.clear();
    //    if (tempmodel.Type1) {
    //        $.getJSON("/adapi/base/cate/list/1/" + tempmodel.Type1, function (r) {
    //            tempmodel.TypeList2 = r.result;
    //        })
    //    }

    //})
</script>


